<template>
  <div>
    <h2>spu管理</h2>
    <CategorySelector></CategorySelector>
  <el-card style="margin-top:20px;">
<SkuForm v-if="show==ShowComponents.ADD_SKU"></SkuForm>
<SpuList v-if="show==ShowComponents.SPU_LIST"></SpuList>
<SpuForm v-if="show==ShowComponents.ADD_SPU"></SpuForm>
    </el-card>
  </div>
</template>

<script lang="ts">
export default {
  name: 'Spu'
}
</script>
<script lang="ts" setup>

import {ref } from "vue"
import SkuForm from "./components/SkuForm.vue"
import SpuForm from "./components/SpuForm.vue"
import SpuList from "./components/SpuList.vue"
import { ShowComponents } from "./spu"
const show=ref(ShowComponents.ADD_SPU)
</script>

<style >

</style>